<template>
  <div class="goods">
       <!-- ul>li{商品列表$}*10 -->
     <good-list-item  v-for="(item,id) in goods" :key="id" :good="item"></good-list-item>
    
  </div>
</template>

<script>
import GoodListItem from './GoodListItem'
export default {
    components: {
        GoodListItem
    },
    props: {
        goods:{
            type:Array,
            default(){
                return []
            }
        }
    }
}
</script>

<style>
 .goods{
     display: flex;
     flex-wrap: wrap;  /* 适当换行 */
     justify-content: space-around; /* 在弹性盒对象的 <div> 元素中的各项周围留有空白 */
     padding: 2px;
 }
</style>